<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="shortcut icon" href="/images/favicon.ico" />
<link type="text/css" href="css/redmond/jquery-ui-1.7.1.custom.css" rel="stylesheet" />
<script src="script/jquery-1.3.2.js" type="text/javascript"></script>
<script src="script/jquery-ui-1.7.1.custom.min.js" type="text/javascript"></script>

<title>MeLina</title>
</head>
<body>

<div id="tabs">
    <ul>
        <li><a href="#fragment-1"><span>One</span></a></li>
        <li><a href="#fragment-2"><span>Two</span></a></li>
        <li><a href="#fragment-3"><span>Three</span></a></li>
    </ul>
    <div id="fragment-1">
        <p>First tab is active by default:</p>
        <pre><code>$('#example').tabs();</code></pre>
    </div>
    <div id="fragment-2">
<table width="100%" border="1" height="100%">
	<tr>
		<td>
		<div id="datepicker" style="font-size: 10px;"></div>
		</td>
		<td rowspan="4" width="100%" height="100%">
		<div id="documents">


<div id="accordion">
	<h4><a href="#">Section 1</a></h4>
	<div>
		Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer
	</div>
	<h3><a href="#">Section 2</a></h3>
	<div>
		Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet
	</div>
	<h3><a href="#">Section 3</a></h3>
	<div>
		Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis.
	</div>
	<h3><a href="#">Section 4</a></h3>
	<div>
		Cras dictum. Pellentesque habitant morbi tristique senectus et netus
	</div>
	<h3><a href="#">Section 4</a></h3>
</div>


		</div>
		</td>
	</tr>
	<tr>
		<td><a href="http://moderator.appspot.com/?#15/e=30f9d&t=33d8f">Pasiūlymai</a></td>
	</tr>
	<tr>
		<td>Daugiau info</td>
	</tr
	<tr>
		<td>RSS</td>
	</tr>
	<tr>
		<td colspan="2">Pėdutės</td>
	</tr>
</table>
    </div>
    <div id="fragment-3">
		<iframe src="http://moderator.appspot.com/?#15/e=30f9d&t=33d8f" width="100%" frameborder="0" height="90%">
		</iframe>
    </div>
</div>


<script type="text/javascript">
	$(document).ready(function(){

		$("#tabs").tabs();
		
		$("#accordion").accordion({
			autoheight: false,
			collapsible: true,
			fillSpace: false
		});
			
		today = $.datepicker.formatDate("yy-mm-dd", new Date());

		$("#aa").datepicker().show();
		
		$("#datepicker").datepicker({
			onSelect : function(date) {
				
				jQuery.getJSON("/rpc/documents?date=" + date,
						function(data) {							
							for (var i in data) {
								$("#documents").append("<a href='#'>" + i + "</a><div>");
								for (var j = 0; j < data[i].length; j++){
									$("#documents").append(data[i][j].name + "<br/>");
								}
								$("#documents").append("</div>");																								
							}									
						}
				);			
			},
			dateFormat: "yy-mm-dd",
			gotoCurrent: true			
		}).show();
	});
</script>

</body>
</html>